/**
 * Menu CSS base 
 *********************************************/
/*----------------------------------------------------------------------
	LTR Menu Style
----------------------------------------------------------------------*/

/*--- Root ul element ---*/
ul.navi {margin: 0 ;padding: 0;list-style: none;}
	ul.navi li.level1.first {}
	ul.navi li.level1.last {}
	ul.navi li.level1 {float: left;position: relative;padding: 0;margin: 0 1px 0 0 ;position: relative;}
	ul.navi li.level1 .item-link {
		margin: 13px 0 0;
		line-height: 25px;
		color:#ffb6c3;
		font-size:167%;
		display: block;
		font-weight: bold;
		position: relative;
		padding: 0 0 19px;
		/*padding: 5px 15px 26px;
		border-left: 1px dotted #93142A;*/
	}
	ul.navi li.level1.havechild > .item-link:after{
		content: "";
		width: 100%;
		height: 7px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(../../../../images/menu_down.png) no-repeat center 0;
		z-index: 10;
		display: none;
	}
	ul.navi li.level1.havechild:hover > .item-link:after{
		display: block;
	}
	
	ul.navi li.level1 .menu-title {display: inline-block;}
	ul.navi li.level1 > div > .menu-title,
	ul.navi li.level1 > a > .menu-title{
		padding: 5px 15px;
		/*border-left: 1px dotted #93142A;*/
		background: url(../../../../images/line-bg.png) repeat-y 0 0;
	}
	ul.navi li.level1:first-child > div > .menu-title,
	ul.navi li.level1:first-child > a > .menu-title{
		/*border: none;*/
		background: none;
		
	}
	
	ul.navi li > a > .menu-title p{
		color: green;
		background: white;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		padding: 0 5px !important;
		margin: 0 !important;
		margin-right: 2px !important;
		display: inline-block;
		width: 18px;
		text-align: center;
		line-height: 24px;
	}
	
	/* Add description and show icons*/
	ul.navi li.level1 .showdesc{text-align: center;}
	ul.navi li.level1 .showdesc span.menu-title{line-height: 100%;padding-bottom: 5px;display: block;}
	ul.navi li.level1 .showdesc span.menu-desc{display: block;font-size: 11px;color: #ccc;line-height: 100%;}
	
	/* Hover and Active (:hover of cssmenu, .hover of moomenu)*/	
	ul.navi li.level1.hover,
	ul.navi li.level1.active {
		
	}
	ul.navi li.level1.active > .item-link,
	ul.navi li.level1:hover > .item-link {
		color: #ff7b30;
	}
	
/*---- Show All Submenu---- */
/* Menu level2 */
ul.navi li.level1:hover ul.level2 {left: 0%;}
ul.navi ul {left: -999em;position: absolute;z-index: 10;margin: 0;padding: 0;list-style: none;width: 220px;}
ul.navi ul.level2 {background-color: #3e000b;/*box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);*/}
	ul.navi ul.level2:before{content: "";width:100%;height: 5px;position: absolute;left: 0;top:-5px;}
	ul.navi ul.level2 li {border-top:1px dashed #9d6b74;position: relative;}
	ul.navi ul.level2 li.first{border-top: none;}
	ul.navi ul.level2 li.last{}
	ul.navi ul.level2 li .item-link {
		margin: 0;padding: 4px 10px 4px 30px;
		color: #fff;font-size: 125%;text-transform: none;line-height: 28px;
		/*background: url("../../../../images/menu_star.png")  no-repeat 8px 12px;*/
		position: relative;
	}
	ul.navi ul.level2 > li > .item-link:before{
		content: "";
		width: 30px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url("../../../../images/menu_star.png")  no-repeat 8px 9px;
	}
	ul.navi ul.level2 > li:hover > .item-link,
	ul.navi ul.level2 > li.active > .item-link{
		background: #780f22; /* Old browsers */
		background: -moz-linear-gradient(top,  #780f22 0%, #3f000b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#780f22), color-stop(100%,#3f000b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #780f22 0%,#3f000b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #780f22 0%,#3f000b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #780f22 0%,#3f000b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #780f22 0%,#3f000b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#780f22', endColorstr='#3f000b',GradientType=0 ); /* IE6-9 */
	}
	ul.navi ul.level2 > li:hover > .item-link:before,
	ul.navi ul.level2 > li.active > .item-link:before{
		background: url("../../../../images/menu_star.png")  no-repeat 8px -54px;
	}
	ul.navi ul.level2 li .menu-title {display: inline-block;font-size: 14px; color: #FFFFFF;font-weight: normal;}
	ul.navi ul.level2 li:hover .menu-title,
	ul.navi ul.level2 li.active .menu-title
	{color: #ff7b30;}
	ul.navi ul.level2 li .item-link.havechild:after{font-family: 'FontAwesome';content: "\f0da";font-size: 18px;float: right;}
	
	/* Add description and show icons*/
	ul.navi li.level2 .showdesc{text-align: left;}
	ul.navi li.level2 .showdesc span.menu-title{padding-bottom: 5px;}
	ul.navi li.level2 .showdesc span.menu-desc{font-family: "arial";padding-bottom: 3px;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/	
	ul.navi li.level2:hover  .level2,
	ul.navi li.level2.hover  .level2,
	ul.navi li.level2.active .level2{color: #ff7b30;background-position: 8px -51px;}
	
/* Menu level3, level4 & level5 */
ul.navi ul.level2 ul{background-color: #6f0a1c;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
ul.navi li.level2:hover ul.level3,
ul.navi li.level3:hover ul.level4,
ul.navi li.level4:hover ul.level5{left: 97%;top:5px;}

	ul.navi ul.level3 li .item-link{font-size: 100%;}
	ul.navi ul.level3 li{ border: none;}
	
	ul.navi ul.level3 li .item-link,
	ul.navi ul.level4 li .item-link,
	ul.navi ul.level5 li .item-link,
	ul.navi ul.level6 li .item-link,
	ul.navi ul.level7 li .item-link,
	ul.navi ul.level8 li .item-link,
	ul.navi ul.level9 li .item-link
	{
		padding: 2px 10px 2px 25px;
		margin: 0 0 0 15px;
		color: #ffffff;
		background: url("../../../../images/menu_sub_item.png") no-repeat 0 center;
		border-top: 1px dotted #ba5567;
	}
	ul.navi ul.level3 li:first-child > .item-link,
	ul.navi ul.level4 li:first-child > .item-link,
	ul.navi ul.level5 li:first-child > .item-link,
	ul.navi ul.level6 li:first-child > .item-link,
	ul.navi ul.level7 li:first-child > .item-link,
	ul.navi ul.level8 li:first-child > .item-link,
	ul.navi ul.level9 li:first-child > .item-link
	{
		border-top: none;
	}
	ul.navi ul.level3 li.level3 > .item-link .menu-title,
	ul.navi ul.level4 li.level4 > .item-link .menu-title,
	ul.navi ul.level5 li.level5 > .item-link .menu-title,
	ul.navi ul.level6 li.level6 > .item-link .menu-title,
	ul.navi ul.level7 li.level7 > .item-link .menu-title
	{
		color: #FFFFFF;
		font-size: 12px;
		font-family: arial;
		font-weight: normal;
	}
	ul.navi ul.level3 li.level3:hover > .item-link .menu-title,
	ul.navi ul.level3 li.level3.active > .item-link .menu-title,
	ul.navi ul.level4 li.level4:hover > .item-link .menu-title,
	ul.navi ul.level4 li.level4.active > .item-link .menu-title,
	ul.navi ul.level5 li.level5:hover > .item-link .menu-title,
	ul.navi ul.level5 li.level5.active > .item-link .menu-title,
	ul.navi ul.level6 li.level6:hover > .item-link .menu-title,
	ul.navi ul.level6 li.level6.active > .item-link .menu-title,
	ul.navi ul.level7 li.level7:hover > .item-link .menu-title,
	ul.navi ul.level7 li.level7.active > .item-link .menu-title,
	ul.navi ul.level8 li.level8:hover > .item-link .menu-title,
	ul.navi ul.level8 li.level8.active > .item-link .menu-title
	{
		color: #ff7b30;
		font-style: italic;
	}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navi li.level3:hover .level3,ul.navi li.level4:hover .level4,
	ul.navi li.level5:hover .level5,ul.navi li.level3.hover .level3,
	ul.navi li.level4.hover .level4,ul.navi li.level5.hover .level5{color: #ff7b30;background-position: 0 center;}


/*----------------------------------------------------------------------
	RTL Menu Style
----------------------------------------------------------------------*/
/*--- Root ul element ---*/
ul.navirtl li.level1{float: right;margin: 0 0 0 1px;}
ul.navirtl li.level1 > div > .menu-title,
ul.navirtl li.level1 > a > .menu-title {
	background-position: right 0;
}

/*---- Show All Submenu---- */
/* Menu level2 */
ul.navirtl li.level1:hover ul.level2{left: auto;right: 0px;}
ul#moonavigator li.level1:hover ul.level2{left: auto;right: auto;}
	
	ul.navirtl ul.level2 li .item-link{padding: 4px 30px 4px 10px;}
	ul.navirtl ul.level2 > li > .item-link:before{
		right: 0;
	}
	ul.navirtl ul.level2 li .item-link.havechild:after{float: left;content: "\f0d9";}
	ul.navirtl li.level2 .showdesc{text-align: right;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navirtl li.level2:hover  .level2,
	ul.navirtl li.level2.hover  .level2,
	ul.navirtl li.level2.active .level2{background-position: 97% -26px;}

/* Menu level3, level4 & level5 */
ul.navirtl li.level2:hover ul.level3,
ul.navirtl li.level3:hover ul.level4,
ul.navirtl li.level4:hover ul.level5{left: auto;right: 95.5%;}
	ul.navirtl ul.level3 li .item-link{background-position: right center;margin: 0 15px 0 0; padding: 2px 25px 2px 10px;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navirtl li.level3:hover .level3,ul.navirtl li.level4:hover .level4,
	ul.navirtl li.level5:hover .level5,ul.navirtl li.level3.hover .level3,
	ul.navirtl li.level4.hover .level4,ul.navirtl li.level5.hover .level5{color: #ff7b30;background-position: right center;}